// main: template.less

///// ------------------ Phone ------------------ /////
@media (max-width: 768px) {
  
.i-banner{.sm-db{display: block !important;}}

///// ------------------ Index ------------------ /////

.i-main{

}
///// ------------------ Main ------------------ /////

.main-nav-p{display: none;}
.main-nav-m{
  display: block;
  position: relative;
  z-index: 555;
  cursor: pointer;
  .title{
    position: relative;
    .h(45px);
    padding: 0 10px;
    .wbbg();
    strong{
      color:#fff;
      font-size: 16px;
      font-weight: bold;
    }
    i{
      position: absolute;
      content: '';
      width: 45px;
      height: 100%;
      right: 0;
      &::before,&::after{
        position: absolute;
        top: 50%;
        content: '';
        width: 12px;
        height: 1px;
        background: #fff;
        .tra();
      }
      &::before{
        left: 46%;
        transform: rotate(40deg) scaleY(1.5);
        -webkit-transform: rotate(40deg) scaleY(1.5);
      }
      &::after{
        right: 46%;
        transform: rotate(-40deg) scaleY(1.5);
        -webkit-transform: rotate(-40deg) scaleY(1.5);
      }
    }
    &.active{
      i{
        &::before{
          transform: rotate(-40deg) scaleY(1.5);
          -webkit-transform: rotate(-40deg) scaleY(1.5);
        }
        &::after{
          transform: rotate(40deg) scaleY(1.5);
          -webkit-transform: rotate(40deg) scaleY(1.5);
        }
      }
    }
  }
  ul{
    display: none;
    position: absolute;
    top: 45px;
    width: 100%;
    padding: 0 10px;
    background: rgba(51,51,51,.8);
    color: #fff;
    li{
      animation: ReturnToNormal .5s both; 
      -webkit-animation: ReturnToNormal .5s both;
      a{
        display: block;
        .h(45px);
        border-bottom: 1px solid rgba(255,255,255,.55);
      }
    }
  }
}
.banner{
  height: 3rem;
}

// 列表页码
.in-page{
  a{
    display: none;
    &.upper,&.lower,&.cur{
      display: inline-block;
    }
    &.cur{
      margin: 0 2px;
    }
  }
}

///// ------------------ 弹出层 ------------------ /////
.fix-video{
  .video-wrap{
    max-width: 90%;
  }
}
.fix-search{
  padding: 0 15px;
  .search{
    height: 65px;
    padding-left: 0;
    background: none;
  }
  .txt{
    font-size: 20px;
    text-align: left;
    padding: 0 10px;
  }
  .btn{
    font-size: 22px;
    color: #777;
  }
}

}

///// ------------------ 小屏手机适配 ------------------ /////
@media (max-width: 480px) {

  ///// ------------------ Index ------------------ /////

  .i-main{

  }
  ///// ------------------ Main ------------------ /////

}

// Nav--动画效果
@keyframes resize{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:scale(5,5)}100%{opacity:1;transform:scale(1,1)}}@-webkit-keyframes resize{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale(5,5)}100%{opacity:1;-webkit-transform:scale(1,1)}}

// 内页菜单--动画效果
@keyframes ReturnToNormal{from{opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)}to{opacity:1;transform-origin:right bottom;transform:none}}@-webkit-keyframes ReturnToNormal{from{opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)}to{opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none}}
